/* 
    Document   : mainPageStyle
    Created on : 01/07/2013, 10:20:07
    Author     : Flavia
    Description:
        Purpose of the stylesheet follows.
*/


/*Header document*/
body {
    background-color: rgb(232,232,232);     
    margin:0px;
    padding:0px;
}    

#titleBar{
    background-color: white;     
    height:110px;
    margin:0px;   
}
#sizePackage{
    width: 1100px;   
    margin: auto;
}

.titleLogo, #titleLink {
    background-color: rgb(255,255,255);
    float:left;
    
}

.titleLogo{
    width:320px;
    height: 100px;
    padding: 5px;
}

#titleLink{
    font-family: sans-serif;
    font-size:15pt;
    font-weight:bold;
    padding-top:50px;
    width: 700px;
}

#titleLink>a{
    padding-left: 15px;
}

#loginTitle{
    font-family: sans-serif;
    font-size: 15pt;
    background-color: rgb(27,173,207);
    color: white;    
    padding: 10px;
}

#loginTitle>a{
    float: right;
    font-size: 9pt;
}

#loginBody{
    background-color: darkgrey;
    color: white;  
    padding: 10px;
    overflow: auto;
    padding: 5px;
}

.screenAdjus{
    float:left;
}

.screenAdjus>div{
    padding: 5px;
}

#popupbox{
    margin-left: 77%;
    margin-top: 3%; 
    width: 300px; 
    overflow: auto;
    position: absolute; 
    background: #FBFBF0; 
    border: solid 2px; 
    border-color: rgb(44,19,123);
    border-radius:25px;
    z-index: 9; 
    font-family: arial; 
    visibility: hidden; 
  }
  
 /* Body Page*/ 
#bodyPage{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px 20px 20px 20px; 
    width: 1200px;
    border:2px solid;
    border-radius:25px;
    border-color: rgb(27,173,207);
    background-color: rgb(248,248,248);
    overflow:auto;
}

#lowerBodyPage, #upperBodyPage{
    padding: 20px;
}

.formatText{
    float:left;
    width: 300px;
    height:80px;
    font-size: 17pt;
    text-align: justify;
    color: darkslategrey;
    margin-left: 40px;
}

.slideShow{
    float: right;
    width: 700px;
    height:400px;
    margin-right: 40px;
    border:2px solid;
    border-color: rgb(44,19,123);
}

#lowerBodyPage{
    clear:both;    
}

.classification{
    width: 300px;
    height: 300px;
    margin: 30px;
    padding: 10px;
    border: 2px solid;
    border-radius: 25px;
    border-color: rgb(27,173,207);
    background-color: white;
    float: left;
    position: relative;
}

.classification>h1 {
    text-align: center;
    color: rgb(44,19,123);
    font-family: sans-serif;
    font-weight: bold;
}

.description{
    font-size: 15pt;
    text-align: justify;
    color: darkslategrey;
    padding: 15px;
}

.buttonLinkForm{
        margin:15px;
        padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;
        background-color: #2daebf;
        font-size: 16pt;
        position:absolute; 
        bottom:0;
        right: 0;
}

/*Footer Page*/
#bottom{
    background-color: rgb(44,19,123);
    color:white;
    padding:10px;
    overflow: auto;
}

#bottom>table{
    margin:0 auto;
}

.space{
    padding:5px;
}

.firstLetter{
    font-size: 28pt;
}